<template>
    <el-main>
        <el-main class="ep-body">
         <epl-top-bar :datas="{formData:form,panel:panel}" showPerson personType="PERSON_ALL_EXACT" psTagType="PERSON_INJURY_QUERY">
                <ep-button size="small" name="刷新"></ep-button>
            </epl-top-bar>
			<el-row :gutter="10">
                <epl-userGeneral dataType="person" isCodeType idCount="11" colspan='12' :panel="panel" >
                </epl-userGeneral>
                <epl-userGeneral dataType="person" isCodeType idCount="12" colspan='12' :panel1="panel1" >
                </epl-userGeneral>
            </el-row>
    <el-form :model="form" ref="form" :rules="rules">
    <el-collapse v-model="activeNames" >
       <el-collapse-item title="请输入供养亲属基本信息" name="1">
            <el-card class="ep-card">
                    <el-row :gutter="10">
                        
                        <ep-select colspan="8" label="供养关系" name="aae144" :property="form.aae144" placeholder="请选择供养关系"
                        p="R"  codetype="BAE065"></ep-select>
                        <ep-date colspan="8" label="开始年月" name="aic160" :property="form.aic160" placeholder="请选择开始年月" 
                        p="R"   type="date" ></ep-date>
                        <ep-date colspan="8" label="终止年月" name="aic301" :property="form.aic301" placeholder="请选择终止年月" 
                        p="E"   type="date" ></ep-date>
                    </el-row>   
                    <el-row :gutter="10">
                        
                        <ep-input colspan="8" label="联系人姓名" name="aae004" :property="form.aae004" placeholder="请输入联系人姓名"
                        p="R" ></ep-input>
                        <ep-input colspan="8" label="联系手机" name="aae005" :property="form.aae005" placeholder="请输入联系人手机号"
                        p="R" ></ep-input>
                        <ep-select colspan="8" label="孤寡标志" name="aac086" :property="form.aac086"  placeholder="请选择孤寡标志"
                        p="R"   codetype="AAC086"></ep-select>
                    </el-row>
                    <el-row :gutter="10">
                        <ep-select colspan="8" label="联系地址" name="bae011" :property="form.bae011"
                                    placeholder="请选择省" codetype="BAE007" p="R"  :datas="{formData:form}" isChange isCodeType></ep-select>
                        <ep-select colspan="4" label="" label-width="0" name="bae012" :property="form.bae012"
                                    placeholder="请选择市" codetype="BAE008" p="R" :datas="{formData: form}" isChange isCodeType
                                    SelectFilterData=" aaa102 like substr(':bae011',0,2)||'%' and aaa102 like '%00' "></ep-select>
                        <ep-select colspan="4" label="" label-width="0" name="bae013" :property="form.bae013" 
                                    placeholder="请选择区县" codetype="BAE009" p="R" :datas="{formData: form}"
                                    SelectFilterData=" aaa102 like substr(':bae012',0,4)||'%'" ></ep-select>
                        <ep-input colspan="8" label="" label-width="0" name="aae006" :property="form.aae006"
                                    placeholder="请输入详细地址" p="R" :datas="{formData:form}"></ep-input>
                    </el-row>   
            </el-card>
        </el-collapse-item> 
            <el-collapse-item title="请输入供养亲属待遇续发信息" name="2">
                    <el-card class="ep-card">
                            <el-row :gutter="10">
                                <ep-select colspan="8" label="续发原因" name="aae160" :property="form.aae160"  placeholder="请选择停发原因"
                                p="R"   codetype="AAE160"></ep-select>
                                <ep-date colspan="8" label="续发开始年月" name="aae041" :property="form.aae041" placeholder="请输入停发开始年月" 
                                p="R" type="date" format="yyyy-MM" ></ep-date>
                                <ep-input colspan="8" label="结算期" name="aae002" :property="form.aae002" 
                                p="D" ></ep-input>
                            </el-row>
                            <el-row :gutter="10">
                                
                                <ep-input colspan="8" label="补发总月数" name="bac062" :property="form.bac062" 
                                p="D" ></ep-input>
                                <ep-input colspan="8" label="补发总金额" name="bac063" :property="form.bac063" 
                                p="D" ></ep-input>
                            </el-row>
                                <el-row><ep-textarea :rows="3" colspan="24" label="备注" name="aae013" :property="form.aae013" placeholder="请输入备注" p="E" ></ep-textarea></el-row>                        
                               
                    </el-card>
                </el-collapse-item>
    </el-collapse>
    </el-form>
     <el-card class="ep-card">
                <el-tabs  v-model="activeName2" type="card" >
                <el-tab-pane label="供养亲属待遇补发明细" name="1">
                    <ep-table :data="tableData1" :titleFilter="demo1">
                        <ep-table-column sortable name="aaa036" header="待遇项目"></ep-table-column>
                        <ep-table-column sortable name="aae003" header="对应所属期"></ep-table-column>
                        <ep-table-column sortable name="aae019" header="补发金额"></ep-table-column>
                    </ep-table></el-tab-pane>
    
                <el-tab-pane label="待遇变更记录" name="2">
                        <ep-table :data="tableData2" border style="width: 100%;" :titleFilter="demo2">
                            <ep-table-column sortable name="aaa099" header="待遇变更类型"></ep-table-column>
                            <ep-table-column sortable name="aae041" header="变更年月"></ep-table-column>
                            <ep-table-column sortable name="aae160" header="变更原因"></ep-table-column>
                            <ep-table-column sortable name="aae036" header="经办时间"></ep-table-column>
                        </ep-table>
                    </el-tab-pane>
                </el-tabs>
            <el-row type="flex" justify="center">
               <ep-saveButton id="doSave" top="20" type="primary" bottom="20" ref="save"  @formValidate="formValidate" 
                    :validate="['form']"   :datas="{formData: form,panel:panel,panel1:panel1}" name="保存"></ep-saveButton>
                <ep-button id="cal01" top="20" type="primary" api="doCalculate" bottom="20"
                    :datas="{formData: form}" name="计算"></ep-button>
            </el-row>
        </el-card>
        </el-main>
    </el-main>

</template>


<script src="../js/InjuryDependantsStatusRecoverJS.js"></script>
